/*!
 * Copyright (c) 2020 the original author or authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing
 * permissions and limitations under the License.
 */

@import '../../../styles/colors';

.dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  text-align: center;
  border: dashed 1px $secondaryText;
  position: relative;
  margin: 0 auto;
  background-color: $pale-gray;

  &-icon {
    margin-right: 20px;
  }

  &-content {
    max-width: 85%;
    h4 {
      margin: 0 auto 10px;
    }
  }

  input {
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  label {
    color: black;
    width: 183px;
    height: 44px;
    padding: 8px;
  }
}

.mat-button {
  float: right;
  font-size: 20px;
}

canvas {
  width: 100%;
  height: 1000px;
}
